<template>
	<div class="wrapper">
		<div class="content">
			<p class="head">防返贫监测系统</p>
			<LoginForm />
		</div>
	</div>
</template>

<script setup>
import LoginForm from './loginform'
</script>

<style scoped lang="scss">
	.wrapper{
		width: 100%;
		height: 100vh;
		background-size: 100% 100vh;
		background-image: url("../../assets/new.jpg");
		display: flex;
		perspective: 1000px;
		.content{
			width: 600px;
			height: 450px;
			margin: auto;
		    box-shadow: 9px 7px 20px 7px #ff877c;
			border-radius: 10px;
		.head{
			height: 90px;
			font-size: 50px;
			font-weight: bold;
			color: #fff;
			margin-left: 65px;
			letter-spacing: 20px;
		}
		::v-deep .el-form-item__content {
			.el-form-item__error {
				color: #ffffff;
			}
		}
		}
	}
</style>